<template>
	<view class="content">
		<view class="box">
			<view class="choose" @click="jump('/pages/index/index')">
				<image src="/static/navigationBar/24gf-bubble (1).png" />
				<text>微信</text>
			</view>
			<view class="choose">
				<image src="/static/navigationBar/wechat-copy.png" />
				<text>通讯录</text>
			</view>
			<view class="choose">
				<image src="/static/navigationBar/found.png" />
				<text>发现</text>
			</view>
			<view class="choose" @click="jump('/pages/me/me')">
				<image src="/static/navigationBar/me.png" />
				<text>我</text>
			</view>
		</view>
	</view>
	<!-- <uv-tabbar :value="value" @change="index=>value = index">
		<uv-tabbar-item text="微信">
			<template v-slot:active-icon>
				<image class="icon" src="/static/navigationBar/24gf-bubble (1).png"></image>
			</template>
		</uv-tabbar-item>
		<uv-tabbar-item text="通讯录" icon="photo"></uv-tabbar-item>
		<uv-tabbar-item text="发现" icon="play-right"></uv-tabbar-item>
		<uv-tabbar-item text="我" icon="account"></uv-tabbar-item>
	</uv-tabbar> -->
</template>

<script>
	export default {
		data() {
			return {
				value: 0
			}
		},
		methods: {
			jump(page) {
				uni.navigateTo({
					url: page,
					animationType: 'none',
					animationDuration: 0
				})
			}
		}
	}
</script>

<style>
	@import "NavigationBar.css";
</style>